<meta charset="utf-8" />
<script src="../lib/jquery.js"></script>
<script src="05_StreamBanner.js"></script>

<style>
#panel {
	width: 600px;
	height: 300px;
	border: 1px solid #999;
	position: relative;
}

#image_view {
	left: 200px;
	top: 80px;
	width: 128px;
	height: 128px;
	border: 1px solid #999;
	position: absolute;
	overflow: hidden;
}

#image_view img {
	display: block;
}

#nav {
	text-align: right;
	width: 600px;
}
</style>

<div id="panel">
	<div id="image_view">
		<img src="images/img1.jpg"> 
		<img src="images/img2.jpg"> 
		<img src="images/img3.jpg"> 
		<img src="images/img4.jpg"> 
		<img src="images/img5.jpg"> 
		<img src="images/img6.jpg"> 
		<img src="images/img7.jpg"> 
		<img src="images/img8.jpg"> 
		<img src="images/img9.jpg"> 
		<img src="images/img10.jpg">
	</div>
</div>
<div id="nav">
	<button id="btnStart">START</button>
	<button id="btnStop">STOP</button>
</div>